<template>
  <el-col>
    <!-- <el-row class="search-bar">
      <el-col :span="5">
        <el-input placeholder="请输入内容" width="100px" v-model="searchInput" clearable></el-input>
      </el-col>
      <el-col :span="5">
        <el-button type="primary" icon="el-icon-search">搜索</el-button>
      </el-col>
    </el-row>
    <el-row>
      <el-table :data="tableData" border style="width: 100%">
        <el-table-column prop="no" label="序号" width="100"></el-table-column>
        <el-table-column prop="userId" label="用户Id" width="150"></el-table-column>
        <el-table-column prop="userName" label="用户名" width="150"></el-table-column>
        <el-table-column prop="operation" label="操作" width="150"></el-table-column>
        <el-table-column prop="useTime" label="用时" width="150"></el-table-column>
        <el-table-column prop="method" label="方法" width="400"></el-table-column>
        <el-table-column prop="ip" label="IP地址" width="150"></el-table-column>
        <el-table-column prop="createTime" label="创建时间" width="170"></el-table-column>
        <el-table-column label="操作" width="70">
          <template slot-scope="scope">
            <el-button @click="handleClick(scope.$index)" size="small" type="danger">X</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-row>
    <el-row>
      <el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
    </el-row> -->
    <iframe class="log-frame" src="http://www.suddev.com/druid/">

    </iframe>
  </el-col>
</template>

<script>
export default {
  methods: {
    handleClick() {
      alert("执行成功");
    }
  },
  data() {
    return {
      searchInput: "",
      tableData: [
        {
          no: "49326",
          userId: "02",
          userName: "SUDDEV",
          operation: "登录",
          useTime: "2",
          method: "com.suddev.mshop.controller.UserController.login()",
          ip: "183.199.51.164",
          createTime: "2019-05-08 12:30:53"
        },
        {
          no: "49325",
          userId: "02",
          userName: "SUDDEV",
          operation: "请求访问主页",
          useTime: "3",
          method: "com.suddev.mshop.controller.APPController.index()",
          ip: "183.199.51.164",
          createTime: "2019-05-08 12:30:53"
        },
        {
          no: "49324",
          userId: "02",
          userName: "SUDDEV",
          operation: "添加用户",
          useTime: "6",
          method: "com.suddev.mshop.controller.AdminController.addUser()",
          ip: "113.119.110.118",
          createTime: "2019-05-08 12:30:53"
        },
        {
          no: "49323",
          userId: "02",
          userName: "SUDDEV",
          operation: "请求密码更改",
          useTime: "3",
          method: "com.suddev.mshop.controller.UserController.updatePass()",
          ip: "113.119.110.118",
          createTime: "2019-05-08 12:30:53"
        },
        {
          no: "49322",
          userId: "02",
          userName: "SUDDEV",
          operation: "商品搜索",
          useTime: "12",
          method:
            "com.suddev.mshop.controller.ProductController.searchProduct()",
          ip: "27.185.6.1924",
          createTime: "2019-05-08 12:30:53"
        }
      ]
    };
  }
};
</script>

<style scoped>
.el-row {
  margin-left: 10px;
}
.el-pagination {
  text-align: center;
}
.search-bar {
  margin-top: 10px;
}
.log-frame {
  width: 100%;
  height: 100%;
  /* margin-left: -250px; */
}
</style>

